@import "../base/color.scss";
@import "../base/mixin.scss";

.main {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    color: $black_1;
    background-color: $white_2;
    font-size: 14px;
    .main-content {
        position: relative;
        flex: 1 1 auto;
        overflow: auto;
        .main-route {
            position: absolute;
            top: 24px;
            right: calc(50% - 630px);
            .main-route__text {
                color: $black_3;
                &:hover{
                    color: $blue;
                }
            }
            .main-route__icon {
                margin-right: 2px;
            }
            .el-button {
                margin-left: 0px !important;
                padding: 8px 10px;
                color: $black_3;
                &:hover{
                    color: $blue;
                    .main-route__text{
                        color: $blue
                    }
                }
               
            }
        }
    }
}

